<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>认识_Promise状态</title>
</head>

<body>
  <script>
    /* 
      目标：使用Promise管理异步任务
     */
    // 1.创建Promise对象 （pending-待定状态）
    const p = new Promise((resolve, reject) => {
      console.log('Promise对象开始执行');
      // 2. 执行异步代码
      setTimeout(() => {
        reject('模拟Ajax请求-失败')
      }, 2000);
    })
    console.log(p);

      // 3. 获取结果
    p.then((result)=>{
      console.log(result);
    }).catch(error =>{
      console.log(error);
    })
  </script>
</body>
</html>